<template>
  <div class="exchange-total">
    <!--顶部-->
    <img src="../common/images/top_logo.png" class="exchange-top">
    <div class="credit-list">
      <div class="list">
        <img src="../common/images/exchange_sliver.png" class="list-bag">
        <div class="list-content">
          <div class="list-content-top">
            <h3>宝格丽香水</h3>
            <p>宝格丽晶纯女士香水40ml</p>
            <h3>FlowerPlus</h3>
            <p>悦花.简约混合包月</p>
          </div>
          <div class="list-content-bottom">
            价值¥819元【限量15份】
            <!--<img src="../common/images/usable.png">-->
            <img src="../common/images/disable.png">
          </div>
        </div>
      </div>
      <div class="list">
        <img src="../common/images/exchange_sliver.png" class="list-bag">
        <div class="list-content">
          <div class="list-content-top">
            <h3>冰希黎BOITOWN</h3>
            <p>蜡烛+香薰+香薰补充液+沙龙</p>
            <p>香水+身体乳+沐浴露+护手霜</p>
            <h3>POPMART  盲盒*1</h3>
          </div>
          <div class="list-content-bottom">
            价值¥1283元【限量10份】
            <!--<img src="../common/images/usable.png">-->
            <img src="../common/images/disable.png">
          </div>
        </div>
      </div>
      <div class="list">
        <img src="../common/images/exchange_sliver.png" class="list-bag">
        <div class="list-content">
          <div class="list-content-top">
            <h3>孩之宝&艺隆</h3>
            <p>巴啦啦小魔仙</p>
            <p>奥迪四驱车</p>
            <p>遥控玩具车</p>
          </div>
          <div class="list-content-bottom">
            价值¥507元【限量10份】
            <!--<img src="../common/images/usable.png">-->
            <img src="../common/images/disable.png">
          </div>
        </div>
      </div>
      <div class="list">
        <img src="../common/images/exchange_sliver.png" class="list-bag">
        <div class="list-content">
          <div class="list-content-top">
            <h3>孩之宝&艺隆</h3>
            <p>巴啦啦小魔仙</p>
            <p>奥迪四驱车</p>
            <p>遥控玩具车</p>
          </div>
          <div class="list-content-bottom">
            价值¥507元【限量10份】
            <!--<img src="../common/images/usable.png">-->
            <img src="../common/images/disable.png">
          </div>
        </div>
      </div>
    </div>
    <!--底部-->
    <img src="../common/images/bottom.png" class="exchange-bottom">
  </div>
</template>

<script>
  export default {
  }
</script>

<style lang="stylus">
  @import '../common/stylus/base.styl'
  @import '../common/stylus/credit.styl'
</style>
